<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
    
<form:form action="register.htm" method="post" commandName="registrationForm">    
<div id="login-form-wrapper">
	<div id="login-form-row">
		<div id="login-form-col-lbl">Email ID:</div>
		<div id="login-form-col-input">
			<form:input path="emailId" cssClass="login-form-input"/>
		</div>
		<div id="login-form-col-err">
			<form:errors path="emailId"/>
		</div>
	</div>	
	<div id="login-form-row">
		<div id="login-form-col-lbl">Passeord:</div>
		<div id="login-form-col-input">
			<form:password path="password" cssClass="login-form-input"/>
		</div>
		<div id="login-form-col-err">
			<form:errors path="password"/>
		</div>
	</div>
	<div id="login-form-row">
		<div id="login-form-col-lbl">Confirm Passeord:</div>
		<div id="login-form-col-input">
			<form:password path="confirmPassword" cssClass="login-form-input"/>
		</div>
	</div>
	<div id="login-form-row">
		<div id="login-form-col-lbl">First Name:</div>
		<div id="login-form-col-input">
			<form:input path="firstName" cssClass="login-form-input"/>
		</div>
		<div id="login-form-col-err">
			<form:errors path="firstName"/>
		</div>
	</div>
	<div id="login-form-row">
		<div id="login-form-col-lbl">Last Name:</div>
		<div id="login-form-col-input">
			<form:input path="lastName" cssClass="login-form-input"/>
		</div>
		<div id="login-form-col-err">
			<form:errors path="lastName"/>
		</div>
	</div>
	<div id="login-form-row">
		<div id="login-form-col-lbl">Gender:</div>
		<div id="login-form-col-input">
			<form:select path="gender" cssClass="login-form-input">
				<form:option value="-" label="- Select -"></form:option>
					<form:option value="M" label="Male"></form:option>
					<form:option value="F" label="Female"></form:option>
			</form:select>
		</div>
		<div id="login-form-col-err">
			<form:errors path="gender"/>
		</div>
	</div>
	<div id="login-form-row">
		<div id="login-form-col-lbl">
			&nbsp;
		</div>
		<div id="login-form-col-input">
			<input type="submit"  id="register-button" value="Register">
			<!-- <button id="register-button">Register</button> -->
		</div>
	</div>
</div>
</form:form>